<template>
    <a-spin :spinning="loading">
        <a-modal v-model="detailModal" :footer="null" :title="details.titles" width="750px">
            <!--   <a-spin class="my-20 flex justify-center		" v-if="modalLoading"  /> -->
            <section class="p-8 pl-24" style="background: #f0f0f0;">
                基础信息
            </section>
            <section class="flex flex-wrap mt-10 pl-24">
                <div class="mb-10" style="width: 50%;">父级分类：{{ details.parentName }}</div>
                <div class="mb-10" style="width: 50%;">类目名称：{{ details.name }}</div>
                <div class="mb-10" style="width: 50%;">ID：{{ details.id }}</div>
                <div class="mb-10" style="width: 50%;">状态：{{ details.status==0?'上架':'下架' }}</div>
                <div class="mb-10" style="width: 50%;">发布时间：{{$utils.formatTimestamp(details.createTime) }}</div>
                <!-- <div v-if="details.tripImages" class="mb-10" style="width: 50%;">行程图片：
                    <PreviewImage :value="details.tripImages.split(',').filter((e) => e)" />
                </div> -->
            </section>
           
            
        </a-modal>
    </a-spin>
</template>
<script>
import {
    deductionDetail
} from '@/api/newPet'
export default {
    data() {
        return {
            loading: false,
            details: {},
            detailModal: false

        }
    },
    computed: {

    },
    watch: {

    },
    async created() {

    },
    methods: {
        getData() {
            this.loading = true
            deductionDetail({ id: 1 }).then(data => {
                this.details = data
            }).finally(() => this.loading = false)
        },
        open(data) {
            this.details=data
            this.detailModal = true
        }
    }
}
</script>
<style lang="less" scoped>
/deep/.ant-modal-body {
    padding-left: 0;
    padding-right: 0
}

/deep/.GasolineRate {
    .ant-form-item-label {
        width: 100px !important;
        margin-bottom: 10px;
        text-align: right;
    }

    .searchBox {
        margin-bottom: 10px;
    }
}

.GasolineRateModal-row {
    .label {
        width: 150px;
        display: inline-block;
        vertical-align: top;
    }

    .ant-col {
        margin-bottom: 15px !important;
    }
}
</style>
    